﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ShowPage.aspx.cs" Inherits="StoragePeriod.Web.ShowPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="~/Styles/ColorStyle.css" rel="stylesheet" type="text/css" />
    <link href="~/Styles/LayoutStyle.css" rel="stylesheet" type="text/css" />
    <link href="~/Styles/MainStyle.css" rel="stylesheet" type="text/css" />
    <link href='~/Styles/jquery-ui-1.9.2.custom.min.css' rel="stylesheet" type="text/css" />
    <script src='<%=this.ResolveClientUrl("~/") %>Scripts/jquery-1.8.3.js' type="text/javascript"></script>
    <script src='<%=this.ResolveClientUrl("~/") %>Scripts/jquery-ui-1.9.2.custom.min.js' type="text/javascript"></script>
    <script src='<%=this.ResolveClientUrl("~/") %>Scripts/jquery.tmpl.min.js' type="text/javascript"></script>
    <script src='<%=this.ResolveClientUrl("~/") %>Scripts/sp_common.js' type="text/javascript"></script>
    <script src='<%=this.ResolveClientUrl("~/") %>Scripts/sp_lib.js' type="text/javascript"></script>

    <script src="Scripts/notepad.js" type="text/javascript"></script>

    <script type="text/x-jquery-tmpl" id="simpleTmpl">
        <p>{{html body}}</p>
    </script>

    <script type="text/x-jquery-tmpl" id="listItemTmpl">
        <tr>
            <td>${Number}</td>
            <td>${Name}</td>
            <td>${Start}</td>
            <td>${Project}</td>
            <td>${ChargeUser}</td>
            <td>${Tel}</td>
        </tr>
    </script>

    <script type="text/x-jquery-tmpl" id="listTmpl">
        <table width="100%" cellpadding="0" cellspacing="0" border="1">
            <thead>
                <tr>
                    <th style="width:80px;">序号</th>
                    <th>实验室名称</th>
                    <th>使用状态</th>
                    <th>检测项目</th>
                    <th>负责人</th>
                    <th>联系电话</th>
                </tr>
            </thead>
            <tbody>
                {{tmpl(list) "#listItemTmpl"}}
            </tbody>
        </table>
    </script>

    <script type="text/javascript">
        $(function () {
            note.init({
                container: "#noteMain",
                item: ".noteItem",
                second: 5,
                labtime: "#sp_time"
            });
        });

    </script>
    <style type="text/css">
        .noteMain{width:100%; text-align:center;}
        .noteItem {display:none; width:1000px; margin:0px auto; color:#fff; padding:1em;}
        .noteItem table thead th{color:Red; font-weight:600; border:1px solid #4d9edb; font-size:36px; height:80px;}
        .noteItem table tbody td{text-align:center; font-weight:600; font-size:30px;height:50px; border:1px solid #4d9edb;}
        .LED_main{width:100%; background:url(/images/LED.jpg) no-repeat center; height:768px;}
        .LED_Time{ font-size:24px; font-weight:600; color:#fff; width:1000px; height:35px; margin:0px auto; text-align:right;padding-top:70px;}
    </style>
</head>
<body style=" background-color:#062578; background-image:none;">
    <form id="form1" runat="server">
    <div class="LED_main">
    <div class="LED_Time">
        今天是<span id="sp_time"></span>
    </div>
    <div id="noteMain" style="padding:0; height:768px; overflow:hidden; line-height:25px;">
        <div class="noteItem" tmpl="#simpleTmpl" datatype="simple" type="welcome" labtime="sp_time">
        
        </div>

        <div class="noteItem" tmpl="#listTmpl" datatype="list" type="work" labtime="sp_time">
            
        </div>
    </div>
    </div>
    </form>
</body>
</html>
